@import shared.VarTool
@import tool.soft.DiagnoseSoft
@import shared.Pojo.MetDataKind
@import shared.Pojo.VarInfoDataKind
@import tool.soft.OplsdaSoft
@import tool.soft.DiffAnaSoft
@import tool.soft.DiffAnaMulSoft
@(missionName: String, missionId: Option[Int] = None)(implicit request: RequestHeader,messages: Messages)
	@main(messages(DiagnoseSoft.nameStr))("allSoft", "") {

		<link rel="stylesheet" media="screen" href="@routes.Assets.at("stylesheets/tableFilter.css")">

		<script src="@routes.Assets.at("bootstrap-table-master/dist/extensions/filter-control/my-bootstrap-table-filter-control.js")" type="text/javascript"></script>

		<style>
				.genome-pre {
					white-space: pre-wrap;
					word-wrap: break-word;
					border: 0px solid #ccc;
					background-color: white;
				}

				select:not([multiple]) {
					-webkit-appearance: none;
					-moz-appearance: none;
					background-position: right 50%;
					background-repeat: no-repeat;
					background-image: url();
					padding: .5em;
					padding-right: 1.5em
				}

				.fr {
					float: right;
				}

				.base-info .item .title span {
					display: inline-block;
					border-left: 2px solid #0b8af4;
					font-size: 14px;
					color: #333;
					padding-left: 10px;
				}

				.photo span {
					display: block;
					width: 92px;
					height: 92px;
				}

				.photo img {
					width: 100%;
					height: 100%;
				}

				tr > td {
					padding-top: 10px !important;
					padding-bottom: 10px !important;
				}

				.glyphicon-remove::before {
					content: "" !important;
				}

				.fglefttitle {
					font-size: 30px;
					font-weight: lighter;
					color: #A2A2A2;
				}

		</style>
		<div class="page-content">

			<div class="row">
				<div class="col-md-12">
					<div id="form_wizard_1" class="portlet light profile-sidebar-portlet bordered">

						<div class="portlet-title">
							<div class="item">
								<div id="videoRoot"></div>
							</div>
							<div class="caption">
							</div>
						</div>

						<input hidden name="softKind" value="@DiagnoseSoft.nameStr">

						<div class="portlet-body form">

							<form id="form" class=" form-horizontal" accept-charset="UTF-8"
							method="post" style="margin-top: 30px;">

								<div class="col-sm-offset-2">
									<span class="error" style="line-height: 35px;">@request.flash.get("info")</span>
								</div>

								<div class="form-group">
									<label class="control-label col-sm-2">@messages("taskName"): </label>
									<div class="col-sm-4">
										<input class="form-control" name="missionName" value="@missionName" onfocus="inputSelect(this)">
									</div>
								</div>

								<div class="form-group">
									<label class="control-label col-sm-2">@messages("dataMatrix"):</label>
									<div class="col-sm-4">
										<input class="form-control fillByName myFile" name="file" value="" readonly>
									</div>
									<div class="col-sm-3">
										<button class="btn green myFileSelect" data-value="example;@MetDataKind.name"
										data-inputName="file" data-missionKind="anno" data-fileName="data.txt"><i class="fa fa-file"></i>
											@messages("selectFile")</button>
									</div>
								</div>

								<div class="form-group" id="groupFile" style="display: block">
									<label class="control-label col-sm-2">@messages("groupFile"):</label>
									<div class="col-sm-4">
										<input class="form-control fillByName myFile" name="groupFile" value="" readonly>
									</div>
									<div class="col-sm-3">
										<button class="btn green myFileSelect" data-value="example;group" data-inputName="groupFile"
										data-dataInputName="file" type="button" data-fileName="group.txt"><i class="fa fa-file"></i>
											@messages("selectFile")</button>
									</div>
								</div>

								<div id="scale">

								</div>

								<div id="selectGroup">

								</div>

								<div class="form-group">

									<label class="control-label col-sm-2">@messages("modelingMethod"):</label>
									<div class="col-sm-3">
										<select class="form-control fillByNameAndTrigger myRowCluster" name="method" >
											<option value="lr" selected>Logistic Regression</option>
											<option value="rf" >Random Forest</option>
											<option value="gb">Gradient Boosting</option>
										</select>
									</div>
								</div>

								<div class="form-group form-horizontal">
									<div class="actions col-sm-offset-2 col-sm-2">
										<button type="button" class="btn btn-primary myRun" style="width: 90%;" id="search">
											@messages("run")</button>
									</div>
								</div>

							</form>

							@user.soft.fileModal()

						</div>

					</div>
				</div>
			</div>
		</div>

		<script>

				var id = "@request.session.get("id")"
				var missionId = "@missionId"

				$(function () {
					Diagnose.init

				})
		</script>


	}
